<template>
    <div>
        <v-toolbar dark color="primary" style="box-shadow:none">
            <v-icon @click="$router.back(-1)">keyboard_arrow_left</v-icon>
            <v-toolbar-title style="margin:0">个人信息</v-toolbar-title>
        </v-toolbar>
        <v-list>
            <v-list-tile>
                <v-list-tile-content>
                    <v-list-tile-title>头像</v-list-tile-title>
                </v-list-tile-content>
                <v-list-tile-avatar>
                    <img src='../../assets/avatar.jpg'>
                </v-list-tile-avatar>
            </v-list-tile>
            <v-divider></v-divider>
            <div v-for="(value,index) in account_items" :key=index>
            <v-list-tile>
                <v-list-tile-content>
                    <v-list-tile-title>{{value.title}}</v-list-tile-title>
                </v-list-tile-content>
                <v-list-tile-action>
                    <span style="font-size:15px;color:#757575">{{value.content}}</span>
                </v-list-tile-action>
            </v-list-tile>
            <v-divider v-if="index + 1 < account_items.length" :key="`divider-${index}`"></v-divider>
            </div>
        </v-list>
        <div style="height:30px;background:transparent"></div>
        <v-list>
            <div v-for="(value,index) in user_items" :key=index>
            <v-list-tile>
                <v-list-tile-content>
                    <v-list-tile-title>{{value.title}}</v-list-tile-title>
                </v-list-tile-content>
                <v-list-tile-action>
                    <span style="font-size:15px;color:#757575">{{value.content}}</span>
                </v-list-tile-action>
            </v-list-tile>
            <v-divider v-if="index + 1 < user_items.length" :key="`divider-${index}`"></v-divider>
            </div>
        </v-list>
    </div>
</template>

<script>
export default {
    data(){
        return {
            account_items:[
                {title:'昵称',content:'张三'},
                {title:'账号',content:'123'},
                {title:'密码',content:''},
            ],
            user_items:[
                {title:'性别',content:'男'},
                {title:'社区',content:'国际软件学院'},
                {title:'年龄',content:'100'},
                {title:'电话',content:'11111111111'}
            ]
        }
    }
}
</script>

